import { createApp } from 'vue'
import App from '/@/App.vue'
import ElementPlus from 'element-plus'
import direct from '/@/directive/index'
import router from '/@/router/index'
import { store } from '/@/store/index'
// import '/@/mock/index'
import '/@/permission'

// import 'element-plus/lib/theme-chalk/index.css'
import 'element-plus/lib/theme-chalk/display.css'
import "../theme/index.css"

// palettes: ['#f5222d', '#fa541c', '#fadb14', '#3eaf7c', '#13c2c2', '#1890ff', '#722ed1', '#eb2f96'],
// document.body.className = 'body-theme-' + store.state.layout.setting.theme.color.replace("#",'')
// import './index.scss'
import locale from 'element-plus/lib/locale/lang/zh-cn'  //引入中文版
import 'nprogress/nprogress.css'
import '/@/assets/css/index.css'

import VueHighlightJS from 'vue-highlightjs'
const app = createApp(App)
direct(app)
app.use(ElementPlus, { locale })
app.use(router)
app.use(store)
app.use(VueHighlightJS)
app.mount('#app')
